$inner-height:250px;
$font-size: 25px;

.mid-format {
    display: flex;
    justify-content: center;
    align-items: center;
}

.goods-container {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    height: $inner-height;
    border-bottom: 1px solid #ccc;

    .goods-select {
        flex: 0 0 10%;
        display: flex;
        align-self: center;
        justify-content: flex-start;
    }

    .goods-pic {
        flex: 0 0 40%;
        height: $inner-height;
        box-sizing: border-box;
        padding: 10px;
    }

    .goods-info {
        flex: 1;
        display: flex;
        flex-flow: column nowrap;
        box-sizing: border-box;
        padding: 10px 0 0 0 ;

        .goods-info-name {
            flex: 0 0 45%;
            padding-left: 5px;
            font-size: $font-size;
            border-bottom: 1px solid #ccc;
        }

        .goods-info-size-price {
            flex: 0 0 20%;
            display: flex;
            flex-flow: row nowrap;
            font-size: $font-size;
            border-bottom: 1px solid #ccc;

            .goods-info-size {
                flex: 0 0 50%;
                @extend .mid-format;
            }

            .goods-info-price {
                flex: 1;
                @extend .mid-format;
            }
        }

        .goods-info-number {
            flex: 1;
            @extend .mid-format;
        }
    }
}